.chermant{
    width: 100%;
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
    background-color: rgb(243,243,243);

}
/* 头部 */
.header{
    width: 100%;
    height: 40px;
    line-height: 40px;
    max-width: 640px;
    min-width: 320px;
    background-color: rgb(255,0,0);
    position: fixed;
    z-index: 999;
    .back{
        width: 100px;
        height: 100%;
        font-size: 25px;
        color: white;
        display: inline-block;
        position: absolute;
        margin-left: 20px;
    }
    .s_user{
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: white;
        font-size: 20px;
    }
}
/* banner图 */
.banners{
    width: 100%;
    position: relative;
    .picImg{
        width: 100%;
        display: block;
        outline: none;
    }
    .contains{
        position: absolute;
        width: 100%;
        height: 50%;
        background-color: pink;
        top: 50%;
        transform: translateY(-50%);
        padding: 0 30px;
        .c_left{
            width: 80px;
            height: 80px;
            float: left;
            background-color: white;
            img{
                width: 100%;
                height: 100%;
                display: block;
            }
        }
    }
     .b_down{
         position: absolute;
         bottom: 0;
         width: 100%;
         padding: 6px 10px;
         background-color: rgba(255,255,255,0.3);
         text-align: center;
        .one{
            width: 33.33%;
            height: 100%;
            float: left;
            a{
                width: 100%;
                display: block;
                font-size: 20px;
                color: white;
                float: left;
            }
            p{
                width: 100%;
                font-size: 16px;
                color: white; 
                padding-bottom: 2px;
            }
        }
        .one:nth-of-type(2){
                border-left: 2px solid rgba(255,255,255,0.6);
                border-right: 2px solid rgba(255,255,255,0.6);
        }
     }
    
}
/* 导航块 */
.nav{
    width: 100%;
    background-color: #fff;
    >ul{
        width: 100%;
        >li{
            width: 33.333333%;
            float: left;
            text-align: center;
            border-right: 1px solid silver;
            border-bottom: 1px solid silver;
            padding-left: 3%;
            a{
                display: block;
                width: 100px;
                height: 100%;
                padding-top: 10px;
                text-align: center;
            }
            img{
                width: 45px;
            }
            p{
                margin-top: 5px;
                margin-bottom: 5px;
            }
        }
    }
}
/* 内容部分 */
.content{
    width: 100%;
    margin-top: 10px;
    max-width: 640px;
    min-width: 320px;
    position: relative;
    padding-bottom: 80px;
    ul{
        width: 100%;
        position: relative;
        overflow: hidden;
    }
    li{
        width: 100%;
        height: 100%;
        margin-bottom: 10px;
    }
    img{
        width: 100%;
        display: block;
        outline: none;
      
    }
}
/* 底部 */
.foot{
    width: 100%;
    height: 50px;
    background-color: skyblue;
    max-width: 640px;
    min-width: 320px;
    position: fixed;
    bottom: 0;
    overflow: hidden;
    >ul{
        width: 100%;
        text-align: center;
        >li{
            width: 25%;
            float: left;
            height: 50px;
            line-height: 50px;
            >a{
                width: 100%;
                height:50px;
                display: block;
                position: relative;
                margin-top: -5px;
                font-size: 30px;
                >p{
                    width: 100%;
                    height: 20px;
                    font-size: 12px;
                    position: absolute;
                    bottom: 8px;
                }
            }
            .mers{
                color: red;
            }

        }
    }
}